import React from 'react'
import {DataTable} from 'primereact/datatable'
import {Column} from 'primereact/column'

class TransferData extends React.Component{
  constructor(){
    super()

    this.state={
      assets:[
        {time: '1', direction: '2', count:'3', remark:'4', transferId:'5'},
        {time: '1', direction: '2', count:'3', remark:'4', transferId:'5'},
        {time: '1', direction: '2', count:'3', remark:'4', transferId:'5'},
        {time: '1', direction: '2', count:'3', remark:'4', transferId:'5'},
        {time: '1', direction: '2', count:'3', remark:'4', transferId:'5'},
        {time: '1', direction: '2', count:'3', remark:'4', transferId:'5'},
      ]
    }
  }

  render(){
    return (
      <DataTable value={this.state.assets}>
        <Column field="time" header="时间" />
        <Column field="direction" header="方向" />
        <Column field="count" header="数量" />
        <Column field="remark" header="备注" />
        <Column field="transferId" header="交易ID" />
      </DataTable>
    )
  }
}

class Transactions extends React.Component{
  render(){
    return (
      <TransferData />
    )
  }
}

export default Transactions